<template>
  <div class="main">
    <div style="background: #fff;width: 7.5rem;">
      <headerBack>
        <b class="my-center" slot="my-center">{{headerTitle}}</b>
      </headerBack>
    </div>
    <div class="outDiv">
      <RaterList :headerTitle="headerTitle" :sendLists="sendLists" :suggestTitle='suggestTitle'></RaterList>
    </div>
  </div>
</template> 

<script>
import RaterList from "~/components/raterList";
import headerBack from "~/components/headerBack";

import ls from "store2";
export default {
  components: {
    RaterList,
    headerBack
  },
  created() {
    this.types = this.$route.query.type * 1;
    switch (this.types) {
      case 1:
		this.headerTitle = "学习成绩测试";
		this.suggestTitle = "请从以下科目中，按你的学习成绩水平高低打分"
        break;
      case 2:
		this.headerTitle = "学习兴趣测试";
		this.suggestTitle = "请从以下科目中，按你的学习兴趣高低打分"
        break;
      case 3:
		this.headerTitle = "师资水平测试";
		this.suggestTitle = "请从以下科目中，按师资水平高低打分"
        break;
      case 4:
		this.headerTitle = "对老师好感度测试";
		this.suggestTitle = "请从以下科目中，按你对老师的好感度高低打分"
        break;
      default:

        break;
    }
  },
  data() {
    return {
      headerTitle: "",
      sendLists: ["地理", "历史", "政治", "物理", "化学", "生物","技术"],
      types: 0,
      data9: 50,
      suggestTitle:'',
      isSix: true, //六选三
    };
  },
  mounted: function() {
    this.isSix = sessionStorage.getItem('chooseSubject')*1
	  this.isSix?this.sendLists=["地理", "历史", "政治", "物理", "化学", "生物"]:this.sendLists=["地理", "历史", "政治", "物理", "化学", "生物","技术"]
  },

  methods: {}
};
</script>

<style lang="less" scoped>
.outDiv {
  width: 100%;
  height: 100vh;
  background: #fff;
}
.my-center{
    font-weight: 600;
}
</style>
